<template>
	<div>
		<router-view></router-view>
		<mu-paper class="botNav" >
		  <mu-bottom-nav :value="bottomNav" @change="handleChange" > 
		  	<mu-bottom-nav-item  value="home" title="首页" href="#/studentIndex" icon="home" iconClass="bottom-icon"   />
		    <!--<mu-bottom-nav-item value="question_answer" title="问答"  href="#/qaIndex"   icon="question_answer" iconClass="bottom-icon" activeClass="router-link-active" />-->
		    <!--<mu-bottom-nav-item value="comment" title="统计" href="#/teacherEchartsIndex" icon="insert_chart" iconClass="bottom-icon" />-->
		    <mu-bottom-nav-item value="account_box" title="我的" href="#/studentUserInfo" icon="account_box" iconClass="bottom-icon" />
		  </mu-bottom-nav>
		</mu-paper>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				bottomNav: 'home',
			}
		},
		methods:{
			handleChange(val){
				this.bottomNav = val
			}
		}
	}
</script>

<style>
.botNav{
	position: fixed !important;
    left: 0!important;
	bottom: 0!important; 
	/*height: 3.4rem!important;*/
	z-index: 200;
	width: 100%;
	/*border-top:2px solid white;*/
	/*background: #2799f3!important;*/
	/*box-shadow: 0 -2px 5px rgba(209,209,209,0.2);*/
 }
</style>